<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=0">
    <title>button</title>
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/button.css">

</head>
<body style="background-color: #f2f2f2">

<script src="images/icon/iconfont.js"></script>

<a href="#" class="btn">a-default</a>
<button class="btn">btn-default</button>

<button class="btn bg-muted">btn-muted</button>
<button class="btn bg-primary">btn-primary</button>
<button class="btn bg-success">btn-success</button>
<button class="btn bg-info">btn-info</button>
<button class="btn bg-warning">btn-warning</button>
<button class="btn bg-danger">btn-danger</button>
<button class="btn bg-dark">btn-dark</button>

<div class="btn-group width30">
    <button class="btn bg-primary">primary</button>
</div>
<button class="btn btn-border">btn-default</button>
<button class="btn btn-border-primary">btn-default</button>
<button class="btn btn-border-success">btn-success</button>
<div class="btn-group width50">
    <button class="btn btn-border-warning">warning</button>
</div>
<br/>
<div class="btn-group width40">
    <button class="btn bg-danger btn-small">btn-small</button>
</div>

<br/><br/><br/><br/><br/><br/>

</body>
</html>